/*
  学习目标：
    1. 声明数组, 渲染数据, 列表渲染
    2. 收集用户输入内容
      2.1 绑定数据到value属性上
      2.2 监听输入事件input, 将用户输入的内容更新到数据到
    3. 添加到列表中
*/

Page({
  data: {
    // 2.1 声明数据，绑定到value，记得插值
    msg: '',
    // 1.1 声明数据
    list: ['西瓜', '哈密瓜', '榴莲'],
  },
  // 2.2 监听输入事件input, 将用户输入的内容更新到数据到
  handlerInput(e) {
    this.setData({ msg: e.detail.value });
  },
  // 3.1 声明方法， 绑定到tap事件上
  handlerSubmit() {
    const { list, msg } = this.data;
    const newList = [...list, msg];
    // 3.2 同时更新两个数据变量
    this.setData({ list: newList, msg: '' });
  },
});
